CSS3 Тени(shadow)
box-shadow: x y размытие растяжение цвет
X  Сдвиг тени по горизонтали относительно элемента.
Положительное значение этого параметра задает смещение тени вправо, отрицательное — влево. Обязательный параметр.

Y Смещение тени по вертикали относительно элемента. 
Положительное значение задает сдвиг тени вниз, отрицательное — вверх. Обязательный параметр.

Размытие Задает радиус размытия тени. Чем больше это значение, 
тем сильнее тень сглаживается, становится шире и светлее. Если этот параметр не задан тень будет четкой, а не размытой.

Растяжение Положительное значение растягивает тень, 
отрицательное, наоборот, ее сжимает. Если этот параметр не задан, по умолчанию устанавливается 0, 
при этом тень будет того же размера, что и элемент.

Цвет Цвет тени в любом доступном CSS формате, 
по умолчанию тень черная. Необязательный параметр. Допускается указывать несколько теней, разделяя их 
параметры между собой запятой. Учитывается следующий порядок: первая тень в списке размещается на самом 
верху, последняя в списке — в самом низу.



Стили CSS
 {
box-shadow: 10px 10px 5px #7F7F7F; /* Тень для Safai и Chrome */
-moz-box-shadow: 10px 10px 5px  #7F7F7F;  /* Тень для mozilla */
padding: 5px 5px 5px 15px;
width: 300px;
}


 Пример теней



Стили CSS Зададим радиус границы. Этот же радиус отразится на тени.
 {
box-shadow: 10px 10px 5px #7F7F7F; /* Тень для Safai и Chrome */
-moz-box-shadow: 10px 10px 5px  #7F7F7F;  /* Тень для mozilla */
padding: 5px 5px 5px 15px;
border-radius: 10px; 
width: 300px;
}
 Пример теней


Стили CSS. Здесь 4 параметр 10px растягивает тень
 {
box-shadow: 25px 25px 5px 10px red; /* Тень для Safai и Chrome */
-moz-box-shadow: 25px 25px 5px 10px red;  /* Тень для mozilla */
padding: 5px 5px 5px 15px;
width: 300px;
}

 Пример теней